﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>中南大学自动化学院模型管理平台</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico" />
    <script type="text/javascript">
      // 检测浏览器版本
      (function () {
        var version = ieVer();
        if (version < 9) {
          location.href = "./static/version.html";
        }
        function ieVer() {
          var userAgent = navigator.userAgent;
          var isOpera = userAgent.indexOf("Opera") > -1;
          var isIE =
            userAgent.indexOf("compatible") > -1 &&
            userAgent.indexOf("MSIE") > -1 &&
            !isOpera;
          if (isIE) {
            var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
            reIE.test(userAgent);
            var IEVersion = parseFloat(RegExp["$1"]);
            return Math.floor(IEVersion);
          }

          return Infinity;
        }
      })();
    </script>
    <link type="text/css" rel="stylesheet" href="./css/reset.css" />
    <script>
      var now = new Date().getTime();
      document.write(
        '<link href="./css/index2.css?v=' +
          now +
          '" rel="stylesheet" type="text/css"/>'
      );
    </script>
    <script type="text/javascript" src="./js/jquery.1.10.2.js"></script>
    <script type="text/javascript" src="./js/vue.min.2.5.13.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/utils.js"></script>
  </head>
  <body style="background-color: #f9f9f9;">
    <div id="app">
      <template>
        <div id="top">
          <div class="wid">
            <div id="logo">
              <a href="./index.html"></a>
              <h1>
                <a href="./index.html" style="font-size: 21px;"
                  >自动化学院模型管理平台</a
                >
              </h1>
            </div>
            <div id="nav">
              <ul>
                <li>
                  <img src="./images/yishoulu.png" alt="" class="left" />
                  <div class="right">
                    <span class="num">{{statistics.projectSum}}</span
                    ><span class="name">已收录数据</span>
                  </div>
                </li>
                <li>
                  <img src="./images/shuju.png" alt="" class="left" />
                  <div class="right">
                    <span class="num">{{statistics.todaySum}}</span
                    ><span class="name">今日收录</span>
                  </div>
                </li>
                <li>
                  <img src="./images/chaxun.png" alt="" class="left" />
                  <div class="right">
                    <span class="num">{{statistics.browseSum}}</span
                    ><span class="name">总浏览量</span>
                  </div>
                </li>
                <!-- <li><a href="/open/" class="on">数据开放</a></li>
                <li><a href="/api/">API</a></li>
                <li><a href="/pack/">数据集</a></li>
                <li><a href="/vip/">会员</a></li>
                <li><a href="/news/">新闻</a></li> -->
              </ul>
            </div>
            <div id="logoright">
              <div id="nologinbox" v-if="!userName">
                <a href="./login.html" class="on" rel="nofollow">登录</a
                ><span>|</span><a href="./reg.html" rel="nofollow">注册</a>
              </div>
              <div id="nologinbox" v-else>
                  <span><a href="./folders.html">{{userName}}</a></span>
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
        <div id="banner">
          <div class="wid" >
            <div class="menus" @mouseleave="hideExpandNav">
              <ul>
                <li
                  v-for="model in models"
                  @mouseenter="showExpandNav(model.children)"
                >
                  <h4>{{model.name}}</h4>
                  <div>
                    <a
                      v-if="index < 6"
                      v-for="(item, index) in model.children"
                      @click="createConditions(item)"
                      href="javascript:;"
                      >{{item.value}}{{index===5?'...':''}}</a
                    >
                  </div>
                </li>
              </ul>

              <div class="menus_item" v-show="isShowexpandNav" :style="{top: (window.scrollY - -15) + 'px'}">
                <h3>全部分类</h3>
                <div style="margin-left: -15px;">
                  <a
                    v-if="currentModel.length>0 "
                    v-for="item in currentModel"
                    class="class-item"
                    @click="createConditions(item)"
                    href="javascript:;"
                    >{{item.value}}</a
                  >
                </div>
              </div>
            </div>
            <div class="banner_intro">
              <div class="search">
                <div id="search">
                  <input
                    id="search_input"
                    type="text"
                    placeholder="请输入关键字"
                    value=""
                    v-model="inputVal"
                  />
                  <input
                    type="button"
                    id="searchbtn"
                    value="搜索"
                    @click="search"
                  />
                  <ul class="tags clearfix">
                    <li><a href="javascript:;">筛选条件:</a></li>
                    <li v-for="condition in conditions">
                      <a href="javascript:;"
                        >{{getType(condition.type)}}{{condition.value}}<i
                          class="iconfont icon-close"
                          @click="closeConditions(condition)"
                        ></i
                      ></a>
                    </li>
                  </ul>
                  <ul class="tags" style="height: auto;text-align: left;">
                    <li><a href="javascript:;">标签分类:</a></li>
                    <li v-for="category in categorys">
                      <a href="javascript:;" @click="createConditions(category)"
                        >{{category.value}}</a
                      >
                    </li>
                  </ul>
                  <div class="bannerImg">
                      <!-- <img src="./images/mybanner.png" alt=""> -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="main" class="wid">
          <div id="newdata" class="clearfix">
            <ul class="dataTab clearfix">
              <li :class="dataTabActive === 0 ? 'active' : ''" @click="changeDataTab(0)">
                <h3>最早数据</h3>
              </li>
              <li :class="dataTabActive === 1 ? 'active' : ''" @click="changeDataTab(1)"><h3>最新数据</h3></li>
              <li :class="dataTabActive === 2 ? 'active' : ''" @click="changeDataTab(2)"><h3>最热数据</h3></li>
            </ul>
            <div class="newdatalist">
              <div  :style="`border-top-color:${randomColor()}`" :class="[(index+1)%5===0?'hdlilast':'','newdataItem']" v-for="(item, index) in dataList">
                <a :href="`./details.html?id=${item.Project_Id}`" target="_blank" :title="item.Project_Name">
                  <div class="item_top">
                    <span title="" class="operator" v-if="item.Project_TypeString">{{item.Project_TypeString.replace(',','，')}}</span
                    >
                    <span class="time">{{item.Modify_Time?item.Modify_Time.split(' ')[0]:''}}</span>
                  </div>
                  <div class="item_main">
                    <!-- <div class="newdata_icon"></div> -->
                    <img  class="newdata_icon" :src="item.Project_Img" height="70" :alt="item.Project_Name" />
                    <h4>{{item.Project_Name}}</h4>
                    <p v-if=0>更新频率: 每年更新</p>
                    <ul>
                      <li class="data" v-if=0>数据集</li>
                      <li class="classification textEllipsis" v-for="(_item, index) in item.Project_LableString.split(',').splice(0,3)" :key="index" :title="_item">{{_item}}</li>
                    </ul>
                  </div>
                  <div class="item_bottom">
                    <span class="look_count">{{item.Project_Clicks || 0}}</span>
                    <span class="collect_count">{{item.Project_Like || 0}}</span>
                  </div>
                </a>
              </div>

            </div>
          </div>
          <div class="mtop10" id="pageline">
            <a class="pprev" v-if="cur>1" @click="cur--,pageClick()">上一页</a>
            <span class="pprev" v-if="cur==1">上一页</span>
            <a v-for="index in indexs" :class="{ 'current': cur == index}" @click="btnClick(index)">{{index}}</a>
            <a v-if="cur!=allNum" @click="cur++,pageClick()" class="pnext">下一页</a>
            <span class="pprev" v-if="cur == allNum">下一页</span>
        </div>
        </div>
      </template>
    </div>
    <script src="./js/widget.js"></script>
    <div class="wid" id="foot2">
      <div class="wid2">
        <p class="clear mtop15 mcenter">© 2020-<script>
          var year = new Date().getFullYear();
          document.write(year);
        </script> <a href="http://soa.csu.edu.cn/" target="_blank" style="color:#999;display: inline;">中南大学自动化学院</a> 版权所有 <span>　<a href="http://www.beian.miit.gov.cn" target="_blank" style="color:#999;display: inline;">湘ICP备05005659号-1 </a>　湘教QS3-200505-000204
      </span></p>
      </div>
    </div>
  </body>
</html>
